﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title></title>
	</head>
<body>
	<div id="about" class="page-body">
		<style type="text/css">		
			#about p{margin-bottom:10px;}
			#about .tcwrap{display:inline-block; width:90px; margin:10px 25px 0 0; position:relative;}
			#about .creater .avatar{display:inline-block; width:90px; height:90px; background:#959595 url(img/avatar.gif) 0 0 no-repeat; position:relative; /*box-shadow:3px 3px 5px #000;*/}
			#about .creater .avatar span{position:absolute; bottom:0; padding:5px; color:#fff; display:none; cursor:default;}
			#about .creater .avatar .bkc{width:80px; height:80px; opacity:0.7; filter:alpha(opacity=70);background:#000;}
			#about .creater span.sns{text-align:center; position:absolute; top:95px; left:0; width:80px; display:none; background:#fff;}
			#about .creater span.sns a{background:url(img/sns.png) no-repeat 0 0 transparent;display:inline-block;width:16px;height:16px; opacity:0.8;filter:alpha(opacity=80);}
			#about .tcwrap:hover .avatar{box-shadow:0 0 0 white;}
			#about .tcwrap:hover .avatar span{display:block;}
			#about .tcwrap:hover .sns{display:inline-block;}
			#about .creater span.sns a:hover{opacity:1;filter:alpha(opacity=100);}
		</style>
		<h3>关于巴士</h3>
		<p>
		巴士电台，是落网站长和朋友们一起制作的一个电台风格的小站，音乐源和落网是一样的，换了的，是聆听音乐的方式。
		这是一个非商业的站点，我们不扯到理想不扯到信仰，也不要问我们运营模式赢利模式，支持我们继续开发下去的动力，不过就是我们对音乐的喜爱。</p><p>
		我们热爱音乐，热爱不同的音乐形式，更希望这些多样且美好的音乐能在更多的人心中播下美好的种子，
		我们，至少是我本人，是相信音乐某种程度上可以改变一个人的世界观的。
		</p>
		<p>
		你，和落网，和巴士，都慢慢被改变了么？
		</p>
		<p class="right">walker<br/>2011.3.2</p>
		<h3>巴士团队</h3>
		<div class="creater">
			<div class="tcwrap">
				<span class="round avatar"><span class="bkc round"></span><span class="uinfo">落在低处<br/>网站内容和统筹</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/indieradio" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
					<a href="#" style="background-image:url(http://luoo.net/favicon.ico);" title="落网电台"></a>
				</span>
			</div>
			<div class="tcwrap">
				<span class="round avatar" style="background-position:0 -450px;"><span class="bkc round"></span><span class="uinfo">左岸以西<br/>网站内容</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/u/1697072612" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
				</span>
				</span>
			</div>
			<div class="tcwrap">
				<span class="round avatar" style="background-position:0 -90px"><span class="bkc round"></span><span class="uinfo">walker<br/>交互、前端和API</span></span>
				<span class="round10 sns">
					<a href="https://plus.google.com/100103399625731050811/posts" target="_blank" style="background-position:left bottom;" title="google+"></a>
					<a href="http://www.dig-music.com" target="_blank" style="background-image:url(img/avatar/mv.ico);" title="数字音乐产业观察"></a>
					<a href="https://twitter.com/#!/walkerwzy" target="_blank" style="background-position:left -1857px;" title="twitter"></a>
				</span>
				</span>
			</div>
			<div class="tcwrap">
				<span class="round avatar" style="background-position:0 -270px;"><span class="bkc round"></span><span class="uinfo">古德<br/>后台开发</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/twx314" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
				</span>
				</span>
			</div>
			<div class="tcwrap">
				<span class="round avatar" style="background-position:0 -180px;"><span class="bkc round"></span><span class="uinfo">大蓝<br/>网站和手机应用UI</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/kacc829" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
					<a href="http://t.qq.com/kacc0829" target="_blank" style="background-position:left -144px;" title="腾讯微博"></a>
				</span>
				</span>
			</div>
			<div class="tcwrap">
				<span class="round avatar" style="background-image:url(img/avatar.jpg);"><span class="bkc round"></span><span class="uinfo">忘却<br/>Android应用</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/gjican" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
				</span>
				</span>
			</div>
			<div class="tcwrap" style="margin-right:0;">
				<span class="round avatar" style="background-position:0 -360px;"><span class="bkc round"></span><span class="uinfo">夏之殇<br/>Android应用</span></span>
				<span class="round10 sns">
					<a href="http://weibo.com/2043221681" target="_blank" style="background-position:left -96px;" title="新浪微博"></a>
				</span>
				</span>
			</div>
		</div>
		<br/><br/>
		<h3>联系我们</h3>
		<p>联系邮箱：<a href="mailto:rock@bus.fm">rock@bus.fm</a><br/>
		微博：<a href="http://weibo.com/indieradio" target="_blank">http://weibo.com/indieradio</a>
		</div>
	</div>
	<div id="android" class="page-body">
		<style type="text/css">
			.apparea{margin-left:50px; background:url(img/android2.gif) 0 0 no-repeat; width:770px; height:564px;}
			#androidtext{margin-left:350px; font-size:14px;}
			#androidtext p{margin-bottom:20px;}
		</style>
		<div class="apparea">
			<div id="androidtext">
				<p style="margin-bottom:50px;">&nbsp;</p>
				<p>Android版巴士电台，适用于Android2.1以上系统，任何基于此系统的手机均可下载<p>
				<p>Android版巴士电台不仅能为你提供随身的音乐服务，还能通过背景播放模式，让你在发短信、玩游戏的同时收听巴士电台</p>
				<p>未注册用户可收听所有公共频道，注册后可收藏喜欢的曲目，并且在私人频道收听</p>
				<p><a href="/app/busfm_1.0.apk"><img src="img/android3.png" alt=""></a></p>
				<p><img src="img/busQR.png" alt="" /></p>
			</div>
		</div>
	</div>
</body>
</html>